<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>


    <script>

        // 具名函数
        // 匿名函数
        // 赋值式函数

        // 事件驱动型函数  ---- 在点击事件发生的时候，函数被调用 --- 系统调用(系统在用户触发操作时调用)

        // document.onclick = function () {
        //     console.log(666)    // 点击的时候，函数被执行了
        // }


        function fn() {
            console.log('我在想在点击时被调用') ;
        }

        // 需要函数在点击的时候执行，不是立即执行，是等用户点击以后才会执行 ， 由系统在用户操作以后帮我们执行了这个函数  fn 不要括号
        // document.onclick = fn ;


        document.onclick = function() {
            fn() ;
        }





    </script>
    
</body>
</html>